<template>
  <div class="container">
    <div class="left">
      <el-card v-for="(item,index) in 30" key="index">
        日记 {{item + index }}
      </el-card>
    </div>
    <div class="right">
      <el-card>
        可以是很多日历
      </el-card>
      <el-card>
        标签
      </el-card>
    </div>

  </div>
</template>

<script setup lang='ts'>
</script>
<style scoped lang="scss">
.container {
  display: flex;
  justify-content:center;

  div {
    margin-right: 10px;
  }

  .left{
    width: 60%;
    .el-card{
      margin-bottom: 10px;
    }
  }
  .right{
    width: 14.3%;
  }

}
</style>